<script setup lang="ts">
import FanEmpty from '..'
import FanButton from '../../button'
</script>

<template>
	<demo-block title="基础用法">
		<FanEmpty image="https://img.dac6.cn/users/0/0/dd9c96ccc758028f6f4df6eb746332c7.png" />
	</demo-block>
	<demo-block title="带描述文字">
		<FanEmpty image="https://img.dac6.cn/users/0/0/dd9c96ccc758028f6f4df6eb746332c7.png" message="描述文字" />
	</demo-block>
	<demo-block title="自定义图片大小">
		<FanEmpty
			image="https://img.dac6.cn/users/0/0/dd9c96ccc758028f6f4df6eb746332c7.png"
			message="描述文字"
			image-size="80"
		/>
	</demo-block>
	<demo-block title="自定义底部内容">
		<FanEmpty image="https://img.dac6.cn/users/0/0/dd9c96ccc758028f6f4df6eb746332c7.png" message="描述文字">
			<FanButton>按钮</FanButton>
		</FanEmpty>
	</demo-block>
</template>
